<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>Settings</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css">
  <link href="../css/settings.css" rel="stylesheet">
</head>

<body>
  <div class="ui main text container">
    <div class="ui green inverted tertiary segment">
      <h2 id="setting-header" class="ui header">Manage your preferences</h2>
    </div>

    <!--<div class="ui red segment">-->
      <!--<h3 id="language-title">Language</h3>-->
      <!--<div id="language" class="ui fluid selection dropdown">-->
        <!--<div class="default text"></div>-->
      <!--</div>-->
    <!--</div>-->

    <div id="tray-segment" class="ui orange segment">
      <h3 id="tray-title">Tray Settings</h3>
      <div id="tray-click-title" class="ui horizontal divider">Click Tray Icon</div>
      <div id="tray-click" class="ui fluid selection dropdown">
        <div class="default text"></div>
      </div>
    </div>

    <div class="ui yellow segment">
      <div id="show-notification" class="ui toggle checkbox">
        <label id="show-notification-title">Notification</label>
        <input type="checkbox">
      </div>
    </div>
  </div>

  <script>window.$ = window.jQuery = require('../../resources/jquery-3.2.1.min.js');</script>
  <script>
    require('../js/settings.js');
  </script>
</body>
</html>